<?php
/*
Template Name: Calculator
*/
?>

<?php get_header(); ?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>


<!-- Map Header -->
<div class="pageheader">
<?php the_post_thumbnail( array (687,265) );?>
<div class="pageheader-caption">
<?php the_post_thumbnail_caption(); ?>
</div>
</div>

<!-- Sidebar -->
<div class="pagesidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("Sidebar") ) : ?><?php endif; ?>
 
  <?php if (!empty($sid) && function_exists('is_dynamic_sidebar') && is_active_sidebar($sid)){ ?>
    <div id="sidebar">  
      <?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar($sid)): ?><?php endif; ?>
    </div>
  <?php } ?>
</div>

<!-- Content Area -->
<div class="pagecontent">

<?php the_content(); ?>


	<div class="calculator">
		<h1>Customer Details</h1> <img src="images/calculator-icon.png">

		This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor</p>

		<form>
		<input type="text" name="#" value="First Name*" class="calculatorform"><input type="text" name="#" value="Surname*" class="calculatorform"></br>
		<input type="text" name="#" value="Company Name*" class="calculatorform"><input type="text" name="#" value="Telephone*" class="calculatorform"></br>
		<input type="text" name="#" value="Email Address*" class="calculatorform"></br>
		<input type="submit" value="Proceed to calculator" class="calculatorsubmit">
		</form>

		</div>

</div>
<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>






<div class="clear"></div>
<?php get_footer(); ?>